{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>作业报告</title>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <!--作业报告-->
    <div class="mb-topic mb-header">
        <h4>{{data.name}}</h4>
        <p>{{data.gradeName}}{{data.clazzName}}</p>
        <p>发布时间：2018年03月06日 10:07</p>
    </div>
    <!--作业详情-->
    <div class="mb-options1 xw-border-top">
        <a class="mb-complete mui-navigate-right" href="homeworkdetails?id={{data.id}}">
            <p class="mui-pull-left">作业详情</p>
            <p class="mui-pull-right">{{data.questionCount}}题</p>
        </a>
    </div>
    <!--完成情况-->
    <div class="mb-options1 xw-border-top">
        <a class="mb-complete mui-navigate-right" href="complete?id={{data.id}}">
            <p class="mui-pull-left">完成情况</p>
            <p class="mui-pull-right">{{data.finshCount}}/{{data.clazzPersonCount}}</p>
        </a>
    </div>
    <div class="mb-analysis mb-analysis1">
        <div class="mb-header1 mui-clearfix">
            <p class="mb-item1 mui-pull-left">
                <strong>{{data.accuracy}}%</strong>
                <span>作业正确率</span>
            </p>
            <p class="mb-item1 mui-pull-left">
                <strong>{{data.difficulty}}</strong>
                <span>难度</span>
            </p>
        </div>
        <div class="mb-analysis-cont mb-analysis-cont1 xw-border-top">
            <p>题目正确率</p>
            <ul class="mb-correct-rate mui-clearfix">
                {%for item in data.questionAccuracyDTO%}
                <li>
                    <a href="arrhomework4?id={{item.id}}">
                        <span>{{item.accuracy}}%</span>
                        <p>{{loop.index}}</p>
                    </a>
                </li>
                {%endfor%}
            </ul>
        </div>
    </div>
</div>
{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
